.route-info-contact1 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.route-info-form {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 60%;
}
.route-info-container {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.route-info-input {
  gap: var(--dl-space-space-halfunit);
  width: 50%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-container1 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-input1 {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-container2 {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-input2 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-mapinrev {
  flex: 0 0 auto;
  width: 200px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-container3 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-input3 {
  gap: var(--dl-space-space-halfunit);
  width: 50%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-input4 {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.route-info-button {
  align-self: flex-start;
}
.route-info-container4 {
  gap: var(--dl-space-space-unit);
  width: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}
.route-info-button1 {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  border-color: var(--dl-color-theme-primary1);
  border-style: solid;
  border-width: 1px;
  justify-content: center;
}

@media(max-width: 991px) {
  .route-info-max-width {
    align-items: flex-start;
    flex-direction: column;
  }
  .route-info-form {
    width: 100%;
  }
  .route-info-container {
    gap: var(--dl-space-space-twounits);
    width: 100%;
    flex-direction: row;
  }
  .route-info-input {
    width: 50%;
  }
  .route-info-container1 {
    gap: var(--dl-space-space-twounits);
    width: 100%;
    flex-direction: row;
  }
  .route-info-container2 {
    gap: var(--dl-space-space-twounits);
    width: 100%;
    flex-direction: row;
  }
  .route-info-input2 {
    gap: var(--dl-space-space-halfunit);
    width: 50%;
    flex-direction: column;
  }
  .route-info-container3 {
    gap: var(--dl-space-space-twounits);
    width: 100%;
    flex-direction: row;
  }
  .route-info-input3 {
    width: 50%;
  }
}
@media(max-width: 479px) {
  .route-info-contact1 {
    width: 100%;
  }
  .route-info-max-width {
    position: relative;
  }
  .route-info-form {
    width: 433px;
    padding: var(--dl-space-space-unit);
    align-items: center;
    justify-content: flex-start;
  }
  .route-info-container {
    height: 100%;
    align-items: center;
    flex-direction: column;
  }
  .route-info-input {
    width: 100%;
  }
  .route-info-mapinrev {
    width: 100%;
    height: var(--dl-size-size-medium);
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .route-info-input3 {
    width: 100%;
  }
  .route-info-button1 {
    width: 100%;
  }
}
